<?php use_helper("i18n")?>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBp4Lmo-IZ8NzYECB3F-rwYAAzx9YVo_HA&sensor=false"></script>
<script type="text/javascript">
	function initialize() {
		var myOptions = {
			center: new google.maps.LatLng(13.804087, 100.710279 ),
			zoom: 4,
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("storm-map"),
		myOptions);

		var image = 'images/ico-star.png';
		var myLatLng = new google.maps.LatLng(13.804087, 100.710279 );
		var beachMarker = new google.maps.Marker({
			position: myLatLng,
			map: map,
			icon: image
		});
	}

	/* This function will be called by layout */
	callLastFuncs[callLastFuncs.length] = "initialize()";
</script>
<div id="header" class="inner-short">
	<div id="nav">
		<!-- main menu -->
		<?php include_component('home', 'mainMenu') ?>
		<!-- main menu -->
	</div>
	<div id="nav-line"></div>
</div>
<!-- header -->
<!-- quick link -->
<?php include_component('home', 'quickLink') ?>
<!-- quick link -->
<!-- container -->
<div id="container">
	<div id="col-left">
		<div id="left-nav-2">
			<div class="h-left-menu"><span>เตือนภัย !</span></div>
			<div class="verticalNav noJS jAccordion-keepLinksEnabled">
			  <ul class="jAccordion-slidesWrapper">
			    <li class="jAccordion-slide"><a href="warning.php">ประกาศกรมอุตุวิทยา</a></li>
			    <li class="jAccordion-slide"><a href="storm.php" class="nav-select">เส้นทางเดินพายุ</a></li>
			    <li class="jAccordion-slide"><a href="earthquake.php">รายงานแผ่นดินไหว</a></li>
			  </ul>
			</div>
		</div>
		<div class="clear" style="height:10px;"></div>
		<div class="line-blue"></div>
		<div class="clear" style="height:2px;"></div>
		<div class="left-banner"><a href="#"><div class="pdf"></div><img src="<?php echo image_path("/images/banner-11.jpg")?>" width="230" height="73"><div class="txt-banner-blue">เฝ้าระวังเอลนีโญ-ลานีญา<span style="font-size:11px;">(update)</span><img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11"></div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-12.jpg")?>" width="230" height="73"><div class="txt-banner-blue">ภัยจากสภาวะอากาศ<img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11"></div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-13.jpg")?>" width="230" height="73"><div class="txt-banner-blue">ภัยจากคลื่นลมในทะเล<img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11"></div></a></div>
		<div class="clear" style="height:10px;"></div>
		<div class="left-banner"><a href="#"><img src="<?php echo image_path("/images/banner-14.jpg")?>" width="230" height="73"><div class="txt-banner-blue">ความหมายและที่มาของพายุ<img src="<?php echo image_path("/images/ico-banner-blue.png")?>" width="11" height="11"></div></a></div>
		<div class="clear" style="height:2px;"></div>
		<div class="line-blue"></div>
	</div>
	<div id="col-right">
		<?php include_component( "storm", "stormDetailBox")?>
	<!--Tab-->
	</div>
</div>
<!-- container -->